<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta content="" name="description" />
		<meta content="webthemez" name="author" />
		<title>个人中心</title>
		<!-- Bootstrap Styles-->
		<link href="../../../assets/css/bootstrap.css" rel="stylesheet" />
		<!-- FontAwesome Styles-->
		<link href="../../../assets/css/font-awesome.css" rel="stylesheet" />
		<!-- Morris Chart Styles-->
		<link href="../../../assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
		<!-- Custom Styles-->
		<link href="../../../assets/css/custom-styles.css" rel="stylesheet" />
		<!-- Google Fonts-->
		<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />

		<link rel="stylesheet" href="../../../assets/js/Lightweight-Chart/cssCharts.css">
	</head>
	<body>
		<div id="wrapper">
			<nav class="navbar navbar-default top-navbar" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
					<a class="navbar-brand" href="index.html" style="font-family: '楷体','微软雅黑';"><strong><i class="icon fa fa-plane"></i>剑胆琴心</strong></a>
					
				</div>

				<ul class="nav navbar-top-links navbar-right">
					
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
							<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href=""><i class="fa fa-user fa-fw"></i>注册</a>
							</li>
							<li>
								<a href=""><i class="fa fa-user fa-fw"></i>登录</a>
							</li>
							<li class="divider"></li>
							<li>
								<a href=""><i class="fa fa-sign-out fa-fw"></i>退出登录</a>
							</li>
						</ul>
						
					</li>
					
				</ul>
			</nav>
			<!--/. NAV TOP  -->
			<nav class="navbar-default navbar-side" role="navigation">
				<div class="sidebar-collapse">
					<ul class="nav" id="main-menu">
						
						<li>
							<a href=""><i class="fa fa-sitemap"></i>我发布的信息<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li>
									<a href="index.jsp">全部信息</a>
								</li>
								<li>
									<a href="">显示中的信息</a>
								</li>
								<li>
									<a href="">审核中的信息</a>
								</li>
								<li>
									<a href="">审核未通过的信息</a>
								</li>
								<li>
									<a href="">已删除的信息</a>
								</li>
								<li>
									<a href="">过期信息</a>
								</li>

							</ul>
						</li>

						<li>
							<a href=""><i class="fa fa-desktop"></i>我推广的信息</a>
						</li>

						<li>
							<a href=""><i class="fa fa-qrcode"></i>我收藏的信息</a>
						</li>

						<li>
							<a href=""><i class="fa fa-table"></i>我的交易信息</a>
						</li>
						<li>
							<a href=""><i class="fa fa-edit"></i>我的资料<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li>
									<a href="">个人信息</a>
								</li>
								<li>
									<a href="">修改密码</a>
								</li>
							</ul>
						</li>

						<li>
							<a href=""><i class="fa fa-yue"></i>余额管理<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li>
									<a href="">赶集余额</a>
								</li>
								<li>
									<a href="">赶集推广余额</a>
								</li>
								<li>
									<a href="">发票管理</a>
								</li>
								
							</ul>
						</li>
						<li>
							<a href=""><i class="fa fa-fw fa-file"></i>资源中心</a>
						</li>
					</ul>

				</div>

			</nav>
			<div id="page-wrapper">
				<div class="tab_1">
					<table class="table">
						<!--<caption>响应式表格布局</caption>-->
						<thead>
							<tr>
								<th>用户名</th>
								<th>密码</th>
								<th>电话号码</th>
								<th>余额</th>
								<th>性别</th>
								<th>创建时间</th>
								<th>更新时间</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td >张三</td>
								<td>123456</td>
								<td>13146514789</td>
								<td>10</td>
								<td>男</td>
								<td>2017.8.14 21:41:00</td>
								<td href="#modal-container-861314" data-toggle="modal">充值</td>
							</tr>
						</tbody>
					</table>
				</div>
			<div class="modal fade" id="modal-container-861314" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h3 class="modal-title" id="myModalLabel">
									登录
								</h3>
							</div>
							<form action="/user/login.do">
								<div style="width: 50px; height: 145px; margin-left: 200px;">
									<img src="../../../res/img/avatar_2x.png" style="width: 149px;height: 111px; border-radius: 100%;" />
								</div>
								<div class="modal-body">
										<input type="text" class="form-control" name="userName" placeholder="请输入用户名" />
										<br >
										<input type="password" class="form-control" name="passwd" placeholder="请输入密码" />
								</div>
								<div class="modal-footer">
									 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
									 <button type="submit" class="btn btn-primary">登录</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>

		</div>
		
		<script src="../../../assets/js/jquery-1.10.2.js"></script>
		
		<script src="../../../assets/js/bootstrap.min.js"></script>
		
		<script src="../../../assets/js/jquery.metisMenu.js"></script>
		
		<script src="../../../assets/js/morris/raphael-2.1.0.min.js"></script>
		
		<script src="../../../assets/js/morris/morris.js"></script>

		<script src="../../../assets/js/easypiechart.js"></script>
		
		<script src="../../../assets/js/easypiechart-data.js"></script>

		<script src="../../../assets/js/Lightweight-Chart/jquery.chart.js"></script>

		<script src="../../../assets/js/custom-scripts.js"></script>

		<script type="text/javascript" src="../../../assets/js/Chart.min.js"></script>
		
		<script type="text/javascript" src="../../../assets/js/chartjs.js"></script>

	</body>

</html>